$(document).ready(function(){
    var $content=$('#content');
    
    if( $content.find('div.widgets').html() != null ) $content.find('div.widgets').wl_Widget();
    
    $content.find('ul.breadcrumb').wl_Breadcrumb();
    var $nav=$('#nav');
    $nav.delegate('li','click.wl',function(event){
        var _this=$(this),_parent=_this.parent(),a=_parent.find('a');
        _parent.find('ul').slideUp('fast');
        a.removeClass('active');
        _this.find('ul:hidden').slideDown('fast');
        _this.find('a').eq(0).addClass('active');
        event.stopPropagation();
    });
    
    var $headernav=$('ul#headernav');
    $headernav.bind('click',function(){
        var ul=$headernav.find('ul').eq(0);
        (ul.is(':hidden'))?ul.addClass('shown'):ul.removeClass('shown');
    });
    $headernav.find('ul > li').bind('click',function(event){
        event.stopPropagation();
        var children=$(this).children('ul');
        if(children.length){
            (children.is(':hidden'))?children.addClass('shown'):children.removeClass('shown');
            return false;
        }
    });
    
    $('ul.breadcrumb').eq(5).wl_Breadcrumb({
        onChange:function(element,id){
            $.msg(element.text()+' com ID'+id);
        }
    });
    
    
    var loc=location.pathname.replace(/\/([^.]+)\//g,'');
    var current=$nav.find('a[href="'+loc+'"]');
    if(current.parent().parent().is('#nav')){
        current.addClass('active');
    }else{
        current.parent().parent().parent().find('a').eq(0).addClass('active').next().show();
        current.addClass('active');
    }
    
    $('#wl_config').click(function(){
        var $pageoptions=$('#pageoptions');
        if($pageoptions.height()<200){
            $pageoptions.animate({
                'height':200
            });
            $(this).addClass('active');
        }else{
            $pageoptions.animate({
                'height':20
            });
            $(this).removeClass('active');
        }
        return false;
    });
});